<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description"
        content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持.">
    <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城">
    <title>
        小米商城
    </title>

    <!-- 初始化 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/style.css">
    <!-- 首页 -->
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="image/icos/favicon.ico">
</head>

<body>
    <div class="page-top">
        <div class="container">
            <div class="top-left">
                <a href="#">小米商城</a>
                <span>|</span>
                <a href="#">MIUI</a>
                <span>|</span>
                <a href="#">loT</a>
                <span>|</span>
                <a href="#">云服务</a>
                <span>|</span>
                <a href="#">天星数科</a>
                <span>|</span>
                <a href="#">有品</a>
                <span>|</span>
                <a href="#">小爱开放平台</a>
                <span>|</span>
                <a href="#">企业团购</a>
                <span>|</span>
                <a href="#">资质证照</a>
                <span>|</span>
                <a href="#">协议规则</a>
                <span>|</span>
                <a href="#" class="download">
                    下载app
                    <div class="down-box">
                        <b></b>
                        <img src="image/img/二维码.png">
                        <i>小米商城APP</i>
                    </div>
                </a>
                <span>|</span>
                <a href="#">智能生活</a>
                <span>|</span>
                <a href="#">Select Location</a>
            </div>
            <div class="top-right">
                <!-- 未登录情况下 -->
                <!-- <div class="shop">
                    
                </div>
                <div class="login">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                </div> -->
                <div class="shop">
                    <a href="#">
                        <span class="iconfont">&#xe61a;</span>
                        <span>购物车</span>
                        <span>(0)</span>
                    </a>
                    <div class="message">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </div>
                <div class="message">
                    <span>|</span>
                    <a href="#">消息通知</a>
                    <span>|</span>
                    <a href="#">我的订单</a>
                </div>
                <div class="user">
                    <a href="#" class="title">断了的弦~</a>
                    <ul class="user-ul">
                        <li><a href="#">个人中心</a></li>
                        <li><a href="#">评价晒单</a></li>
                        <li><a href="#">我的喜欢</a></li>
                        <li><a href="#">小米账户</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <div class="page-nav">
        <div class="container">
            <div class="icon">
                <a href="#"><img src="image/img/logo-mi2.png" alt=""></a>
            </div>
            <ul class="nav-list">
                <li class="nav-item all-shop">
                    <a href="" class="tit page-all-list">全部商品分类</a>
                    <!-- 全部下拉菜单 -->
                    <div class="slider-nav">
                        <ul class="slider-ul">
                            <li class="slider-li">
                                <a href="#" class="name">
                                    <span>手机</span>
                                    <span>电话</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a>
                                <div class="slider-pop">
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>
                                    <a href="" class="">
                                        <img src="image/img/phone.webp" alt="">
                                        <span>小米11 Ultra</span>
                                    </a>


                                </div>
                            </li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>电视</span>
                                    <span>盒子</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>健康</span>
                                    <span>儿童</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>电脑</span>
                                    <span>显卡</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>家电</span>
                                    <span>插板</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>出行</span>
                                    <span>穿戴</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>智能</span>
                                    <span>网线</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>电源</span>
                                    <span>配件</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>耳机</span>
                                    <span>音箱</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                            <li class="slider-li"> <a href="#" class="name">
                                    <span>生活</span>
                                    <span>箱包</span>
                                    <i class="iconfont">&#xe641;</i>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">小米手机</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">Redmi红米</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">电视</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">笔记本</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">家电</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">路由器</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">智能硬件</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">服务</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="tit">社区</a>
                    <div class="pop">
                        <ul class="down-ul container">
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">

                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                    <i></i>
                                </li>
                            </a>
                            <a href="#">
                                <li class="down-li">
                                    <div class="pic">
                                        <img src="image/img/phone.webp" alt="">
                                    </div>
                                    <h3>小米11 Ultra</h3>
                                    <p>5999元起</p>
                                </li>
                            </a>
                        </ul>
                    </div>
                </li>
            </ul>
            <div class="search">
                <form action="" method="post">
                    <input type="text" placeholder="小米11" class="search-text">
                    <input type="submit" class="search-submit iconfont" value="&#xe62f;">
                </form>
                <ul class="hot">
                    <a href="">
                        <li class="hot-li">全部商品</li>
                    </a>
                    <a href="">
                        <li class="hot-li">小米11</li>
                    </a>
                    <a href="">
                        <li class="hot-li">小米10S</li>
                    </a>
                    <a href="">
                        <li class="hot-li">小米手机</li>
                    </a>
                    <a href="">
                        <li class="hot-li">洗衣机</li>
                    </a>
                    <a href="">
                        <li class="hot-li">空调</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播导航 -->
    <div class="idx-banner container">
        <ul class="banner-list">
            <li><img src="image/img/banner2.webp" alt=""><a href=""></a></li>
            <li><img src="image/img/banner1.webp" alt=""><a href=""></a></li>
            <li><img src="image/img/banner3.webp" alt=""><a href=""></a></li>
            <li><img src="image/img/banner4.webp" alt=""><a href=""></a></li>


        </ul>
        <a href="" class="iconfont prev">&#xe60c;</a>
        <a href="" class="iconfont next">&#xe641;</a>
        <div class="banner-page">
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </div>
    </div>
    <!-- 轮播导航 -->
    <!-- 广告区 -->
    <div class="idx-adv container">
        <div class="laber">
            <a href="">
                <div class="laber-list laber-border1">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>

            <a href="">
                <div class="laber-list laber-border1">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border2">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border3">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list laber-border3">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>
            <a href="">
                <div class="laber-list">
                    <i class="iconfont">&#xe630;</i>
                    <p>小米秒杀</p>
                </div>
            </a>
        </div>
        <ul class="adv-ul">
            <li class="adv-li">
                <a href="">
                    <img src="image/img/adv1.jpg" alt="">
                </a>
            </li>
            <li class="adv-li">
                <a href="">
                    <img src="image/img/adv2.jpg" alt="">
                </a>
            </li>
            <li class="adv-li">
                <a href="">
                    <img src="image/img/adv3.jpg" alt="">
                </a>
            </li>
        </ul>


    </div>
    <!-- 广告区 -->
    <!-- 主体部分 -->
    <div class="page-content">
        <!-- 主体的限时抢购 -->
        <div class="content-adv container">
            <div class="title clear">
                <p>小米秒杀</p>
                <a href="">
                    <div class="next iconfont">&#xe641;</div>
                </a>
                <a href="">
                    <div class="prev iconfont">&#xe60c;</div>
                </a>
            </div>
            <div class="list clear">
                <div class="list-limit">
                    <h2>00:00 场</h2>
                    <h3 class="iconfont">&#xe61b;</h3>
                    <p>本场已经结束</p>
                    <div>00</div>
                    <span>:</span>
                    <div>00</div>
                    <span>:</span>
                    <div>00</div>

                </div>
                <ul class="list-adv">
                    <li>
                        <a href="">
                            <img src="image/img/phone2.webp" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a>
                    </li>
                    <li><a href="">
                            <img src="image/img/phone2.webp" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                    <li><a href="">
                            <img src="image/img/phone2.webp" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                    <li><a href="">
                            <img src="image/img/phone2.webp" alt="">
                            <h2>小米11 Ultra</h2>
                            <p>1.12"GN2 | 2K四微曲屏</p>
                            <span>5888元</span>
                            <i>5999元</i>
                        </a></li>
                </ul>
            </div>
            <div class="big-adv">
                <img src="image/img/big1.webp" alt="">
            </div>
        </div>
        <!-- 主体的限时抢购 -->
        <!-- 手机 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>手机</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="big-shop">
                    <a href="">
                        <img src="image/img/big2.webp" alt="">
                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/phone2.webp" alt="">
                        <h2>小米11 Ultra</h2>
                        <p>1.12"GN2 | 2K四微曲屏</p>
                        <span>5999元</span>

                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/big3.webp" alt="">
            </div>
        </div>
        <!-- 手机 -->
        <!-- 家电 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>家电</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="image/img/jiadian.webp" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="image/img/jiadian.webp" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/jiadian2.webp" alt="">
                        <h2>小米全面屏电视65英寸 E65X</h2>
                        <p>全面屏设计</p>
                        <span>2999元</span>

                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/big4.webp" alt="">
            </div>
        </div>
        <!-- 家电 -->
        <!-- 智能 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>智能</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="image/img/zhineng1.webp" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="image/img/zhineng2.webp" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhineng3.webp" alt="">
                        <h2>小米小爱音箱 Play</h2>
                        <p>听音乐,语音遥控家电</p>
                        <span>109元</span>
                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/big5.webp" alt="">
            </div>
        </div>
        <!-- 智能 -->
        <!-- 搭配 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>搭配</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="image/img/dapei1.webp" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="image/img/dapei2.webp" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>
                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/dapei3.webp" alt="">
                        <h2>小米真无线蓝牙耳机Air 2 Pro</h2>
                        <p>主动降噪/持久续航/无线充</p>
                        <span>649元</span>
                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/dapei4.webp" alt="">
            </div>
        </div>
        <!-- 搭配 -->
        <!-- 配件 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>配件</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="image/img/peijian1.webp" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="image/img/peijian2.webp" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>
                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/peijian3.webp" alt="">
                        <h2>高速无线充套装</h2>
                        <p>快速无线闪充,Qi充电标准</p>
                        <span>149元</span>
                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/peijian4.webp" alt="">
            </div>
        </div>
        <!-- 配件 -->
        <!-- 周边 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>周边</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href=""><img src="image/img/zhoubian1.webp" alt="" class="top-image"></a>
                </div>
                <div class="shop">
                    <a href=""><img src="image/img/zhoubian2.webp" alt="" class="top-image"></a>
                </div>

            </div>
            <div class="list-shop">
                <div class="shop">
                    <a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a>
                </div>
                <div class="shop">
                    <a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a>
                </div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>

                    </a></div>
            </div>
            <div class="list-shop">
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>
                    </a></div>
                <div class="shop"><a href="">
                        <img src="image/img/zhoubian3.webp" alt="">
                        <h2>米家飞行员太阳镜Pro</h2>
                        <p>尼龙偏光，轻巧佩戴</p>
                        <span>189元</span>
                    </a></div>
            </div>
            <div class="big-adv">
                <img src="image/img/zhoubian4.webp" alt="">
            </div>
        </div>
        <!-- 周边 -->
        <!-- 视频内容 -->
        <div class="content-list  container">
            <div class="title clear">
                <p>视频</p>
                <a href="">
                    <i class="small-next iconfont">&#xe641;</i>
                    <span>查看更多 </span>

                </a>
            </div>
            <ul class="content-tv clear">
                <li>
                    <a href=""><img src="image/img/tv1.webp" alt=""></a>
                    <div class="iconfont">&#xe609;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="image/img/tv2.webp" alt=""></a>
                    <div class="iconfont">&#xe609;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="image/img/tv3.webp" alt=""></a>
                    <div class="iconfont">&#xe609;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
                <li> <a href=""><img src="image/img/tv4.webp" alt=""></a>
                    <div class="iconfont">&#xe609;</div>
                    <p>2021年春季新品发布会第一场</p>
                </li>
            </ul>

        </div>
        <!-- 视频内容 -->


    </div>
    <!-- 主体内容 -->
    <!-- 底部公共部分 -->
    <div class="page-bottom">
        <ul class="address clear container">
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe61f;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe61f;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe61f;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe61f;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe61f;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
        </ul>
        <div class="bottom-message clear container">
            <ul class="bottom-list">
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="contact">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">
                    <div class="customer">
                        <i class="iconfont">&#xe775;</i>
                        <span>人工客服</span>
                    </div>
                </a>
                <div class="wbwx">
                    <span>关注小米：</span>
                    <a href=""><i class="iconfont">&#xe699;</i></a>
                    <a href=""><i class="iconfont">&#xe62b;</i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部公共部分 -->


</body>

</html>